<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/flash.css"/>
	</head>
	<body>
		<!--加载页-->
		<div class="loadPage">
			<div class="pleaseWearEarBox">
				<img src="img/pleaseWearEar.png"/>
			</div>
			<div class="loadPercentage">
				<span id="loadNum">Loading:100%</span>
			</div>
		</div>
		<!--开始页-->
		<div class="startPage">
			<div class="startPageBackBox">
				<img src="img/startpage.jpg"/>
			</div>
			<div class="KuGouLogBox">
				<img src="img/KuGouLog.png"/>
			</div>
			<div class="startPageHeadBox">
				<img src="img/index_625secguess.png"/>
			</div>
			<div class="mouthBox">
				<img src="img/mouth.png"/>
			</div>
			<div class="whatSongBox">
				<img src="img/whatSong.png"/>
			</div>
			<div class="man_leftBox">
				<img src="img/man_left.png"/>
			</div>
			<div class="man_right">
				<img src="img/man_right.png"/>
			</div>
			<div class="index_startBox">
				<img src="img/index_start.png"/>
			</div>
		</div>
		<!--答题部分-->
		<div class="answerBox">
			<!--答题第一页-->
			<div class="muscPage1 question">
				<div class="movieHitSongBox">
					<img src="img/movieHitSong.png"/>
				</div>
				<div class="movieHitSongpeopleBox">
					<img src="img/movieHitSongpeople.png"/>
				</div>
				<div class="movieHitSongCityWallBox">
					<img src="img/movieHitSongCityWall.png"/>
				</div>
			</div>
			<!--答题第二页-->
			<div class="muscPage2Box question">
				<div class="muscPage2">
					<img src="img/startpage.jpg"/>
				</div>
				<div class="lightearthBox">
					<img src="img/lightearth.png"/>
				</div>
				<div class="musicPage2PeopleBox">
					<img src="img/musicPage2People.jpg"/>
				</div>
				<div class="songerBox">
					<img src="img/songer.png"/>
				</div>
			</div>
			<!--答题第三页-->
			<div class="muscPage3 question">
				<div class="lightearthBox">
					<img src="img/lightearth.png"/>
				</div>
				<div class="feiZhaoBox">
					<img src="img/feiZhao.png"/>
				</div>
				<div class="jianfeizaodeBox">
					<img src="img/jianfeizaode.png"/>
				</div>
				<div class="sangBan1Box">
					<img src="img/sangBan1.png"/>
				</div>
				<div class="sangBan2Box">
					<img src="img/sangBan2.png"/>
				</div>
				<div class="watchpeosBox">
					<img src="img/watchpeos.png"/>
				</div>				
			</div>
			<!--答题第四页-->
			<div class="muscPage4 question">
				<div class="car2Box">
					<img src="img/car2.png"/>
				</div>
				<div class="roseBox">
					<img src="img/rose.png"/>
				</div>
			</div>
			<!--答题第5页-->
			<div class="muscPage5 question">
				<div class="juhualeftBox">
					<img src="img/juhualeft.png"/>
				</div>
				<div class="juhuarightBox">
					<img src="img/juhuaright.png"/>
				</div>
			</div>
			<!--答题第6页-->
			<div class="muscPage6 question">
				<div class="manBox">
					<img src="img/man.png"/>
				</div>
				<div class="wogeiyouBox">
					<img src="img/wogeiyou.png"/>
				</div>
			</div>
			<!--选项-->
			<div class="selectABox questionSelect">
				<div class="selectA">
					<img src="img/selectA.png"/>
				</div>
				<span class="questionSpan"></span>
			</div>
			<div class="selectBBox questionSelect">
				<div class="selectB">
					<img src="img/selectB.png"/>
				</div>
				<span class="questionSpan"></span>
			</div>
			<div class="selectCBox questionSelect">
				<div class="selectC">
					<img src="img/selectC.png"/>
				</div>
				<span class="questionSpan"></span>
			</div>
			
			<!--秒数-->
			<div class="mouthMiniBox">
				<span id="gameTimes"></span>
			</div>		
			<div class="mesBox">
				至少认真听2秒
			</div>
			<div class="gouBox">
				<img src="img/gou.png"/>
			</div>
			<div class="chaBox">
				<img src="img/cha.png"/>
			</div>
		</div>
		<!--结果页-->
		<div class="resultPage">
				<div class="userMsgBox">
					<img src="img/userMsg.png"/>
				</div>
				<div class="huangjingBox">
					<img src="img/huangjing.png"/>
				</div>
				<div class="resultCountBox">
					<div class="resultCount">
						<img src="img/resultCount.png"/>
					</div>					
					<span id="musicCount"></span>
				</div>
				<div class="quoteBox">
					<div class="quote">
						<img src="img/quote.png"/>
					</div>
					<span id="resultText">失敬失敬！十二星座黄金“音”斗士，你是哪一宫？向你的基友们寄送挑战书吧！</span>
				</div>
				<div class="againBox">
					<img src="img/again.png"/>
				</div>
				<div class="shareBox">
					<img src="img/share.png"/>
				</div>
				<div class="paihangbangBox">
					<div class="paihangbang">
						<img src="img/paihangbang.png"/>
					</div>
					<div class="paihangbangText">
						aaa
					</div>
				</div>
				<div class="paiming_titleBox">
					<img src="img/paiming_title.png"/>
				</div>
				
			</div>

		
		
		
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/preloadjs.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/kugou.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			//自动计算根字体大小脚本
			//安卓的输入法虚拟键盘会影响Body的高度，所以在加载时，将body的原本高度给固定住
			document.body.style.height = window.innerHeight + "px";
			
	        /*动态改变根元素字体大小*/
	        function recalc() {
	            var clientWidth = document.documentElement.clientWidth;
	            if(!clientWidth) return;
	            document.documentElement.style.fontSize = 40 * (clientWidth / 750) + 'px';
	                                        // 字体大小   = 1个rem单位表示多少个像素（设备的宽度   /设计宽度）
	        }
	
	        function initRecalc() {
	            recalc();
	            var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
	            if(!document.addEventListener) return;
	            window.addEventListener(resizeEvt, recalc, false);
	            document.addEventListener('DOMContentLoaded', recalc, false);
	        }
	        initRecalc();
	        
		</script>
	</body>
</html>
